<div class="section text-muted d-flex">
    <span class="warning-icon text-yellow me-3"></span>
    <p class="flex-grow-1 m-0">
        Except where otherwise stated, changes to these settings require restarting the OmniSharp server, per script,
        to take effect (ie. execute <code>Restart OmniSharp Server</code> from the command palette). Alternatively, you can restart NetPad.
    </p>
</div>

<div class="section">
    <div class="header">
        <i class="code-icon text-green"></i>
        General
    </div>

    <div class="body">
        <div class="body flex-grow-height-restricted">
            <!--            THE OPTION TO COMPLETELY DISABLE OMNISHARP IS NOT FUNCTIONAL YET-->
            <!--            <div class="d-flex" title="Whether to enable code completion or not.">-->
            <!--                <label class="form-check-label" for="omnisharpEnabled" style="min-width: 180px">Enabled</label>-->
            <!--                <div class="form-check flex-1">-->
            <!--                    <input class="form-check-input"-->
            <!--                           type="checkbox"-->
            <!--                           checked.bind="settings.omniSharp.enabled"-->
            <!--                           id="omnisharpEnabled">-->
            <!--                    <span class="form-text">Restart application for changes to take effect.</span>-->
            <!--                </div>-->
            <!--            </div>-->

            <div class="d-flex mt-3">
                <label for="omnisharpExePath" class="form-label" style="min-width: 180px">Custom Executable
                    Path</label>
                <div class="flex-grow-1">
                    <input type="text"
                           class="form-control"
                           id="omnisharpExePath"
                           placeholder="/absolute/path/to/omnisharp/executable"
                           spellcheck="false">
                    <div class="form-text">
                        If specified, the executable at the given path will be used. If left blank,
                        NetPad will download OmniSharp automatically.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="section">
    <div class="header">
        <i class="settings-icon"></i>
        Options
    </div>

    <div class="body">
        <div class="form-check" repeat.for="option of options">
            <input id="omnisharp-option-${$index}"
                   class="form-check-input"
                   type="checkbox"
                   checked.bind="option.value">
            <label class="form-check-label" for="omnisharp-option-${$index}">
                ${option.label}
                <span class="form-text" show.bind="option.description">
                    <br/>
                    ${option.description}
                </span>
            </label>
        </div>
    </div>
</div>
